<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册界面作业</title>
</head>
<body background="../img/back.jpg">
<!--用表单、输入数据、单选框、复选框、多行框、背景图片、标红必填-->
<form action="http://www.baidu.com" method="get">
    <fieldset>     <!--添加表格框-->
    <p style="color: red">用户名：<input type="text" size="60" name="username" required></p>    <!--添加用户名,required属性是将该text设置为必填选项-->
    <p style="color: red">密  码：<input type="password" size="60" name="password" required></p>    <!--添加密码-->
    <p style="color: red">确认密码：<input type="password" size="60" name="password" required></p>    <!--添加密码-->
    <p style="color: red">
        请选择你所在的地区：
        <select name="prov">
            <option value="1">湖南</option>
            <option value="2">海南</option>
            <option value="3">湖北</option>
            <option value="4">北京</option>
            <option value="5">天津</option>
            <option value="6">上海</option>
            <option value="7">重庆</option>
            <option value="8">内蒙</option>
            <option value="9">广西</option>
            <option value="10">西藏</option>
            <option value="11">宁夏</option>
            <option value="12">新疆</option>
            <option value="13">河北</option>
            <option value="14">河南</option>
            <option value="15">山西</option>
            <option value="16">连宁</option>
            <option value="17">吉林</option>
            <option value="18">黑龙江</option>
            <option value="19">江苏</option>
            <option value="20">浙江</option>
            <option value="21">安徽</option>
            <option value="22">福建</option>
            <option value="23">江西</option>
            <option value="24">山东</option>
            <option value="25">广东</option>
            <option value="26">四川</option>
            <option value="27">贵州</option>
            <option value="28">云南</option>
            <option value="29">陕西</option>
            <option value="30">甘肃</option>
            <option value="31">青海</option>
        </select>
    </p>
    <p>
        性别:<input type="radio" name="sex" value="male"> Male
                    <input type="radio" name="sex" value="female"> Female
    </p>
    <p>
        类别(复选框)：<input type="checkbox" name="hobby" value="snack">  小吃
                     <input type="checkbox" name="hobby" value="sweet"> 甜点
                      <input type="checkbox" name="hobby" value="tea">  茶
    </p>
    <p>
        请输入你的需求：
        <textarea name="note" rows="10" cols="20"></textarea>
    </p>
    <p><button type="submit">注册</button></p>        <!--get请求会将文本输入作为参数传递拼接在url后面,但是post请求不会-->
    </fieldset>
</form>
</body>
</html>